<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
<title>显示鼠标在页面中的当前位置</title>
</head>

<body>
<script type="text/javascript">
    var x=0,y=0;                         //初始化变量的值
    function MousePlace(event){
        x=event.x;                //获取横坐标X的值
        y=event.y;                //获取纵坐标Y的值
        //输出鼠标的当前位置
        document.getElementById('position').innerHTML="鼠标在页面中的当前位置的横坐标X："+x+" 纵坐标Y："+y;
    }
    document.onmousemove=MousePlace;  //鼠标在页面中移动时调用函数
</script>
<span id="position"></span>



</body>
</html>
